<template>
<div>
    <footer class="footer">
    <div class="footer-box wrap-container">
        <div class="left">
            <div class="left-z">
             <th>网站地图</th>
             <td><nuxt-link class="active" to="/">首页</nuxt-link></td>
             <td><nuxt-link class="active" to="/">税务风险</nuxt-link></td>
             <td><nuxt-link class="active" to="/">行业资讯</nuxt-link></td>
             <td><nuxt-link class="active" to="/">关于我们</nuxt-link></td>
             <td><nuxt-link class="active" to="/">加入我们</nuxt-link></td>
        </div>
        <div class="left-y">
             <th>联系我们</th>
             <td>客服热线：18681507123</td>
             <td>工作时间：周一到周五&nbsp;9:00-18:00</td>
             <td>商务合作：quanqitong1553&#64;163.com</td>
        </div>
        </div>
        <div class="right">
            <th>税好了公众号</th>
            <td><img src="../assets/images/public/code.png" alt=""></td>
        </div>
      </div>
</footer>
<div class="copyright">
    <div class="wrap-container">
        <span class="text">
            ©&nbsp;2022-2023&nbsp;税来了归属深圳全企通信息技术有限公司及/或其关联公司及特许人&nbsp;&nbsp;&nbsp;&nbsp;版权所有&nbsp;&nbsp;&nbsp;&nbsp;粤A2-20044005号&nbsp;&nbsp;粤公网安备44030702002388号&nbsp;
          </span>
    </div>
          
        </div>
</div>
</template>

<script>
export default {
    name: 'TaxComingWebsiteShlFooter',

    data() {
        return {

        };
    },

    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="scss" scoped>
.footer {
    padding-top: 30px;
    padding-bottom: 15px;
    background-color: #EFF1F7;
    .footer-box {
        display: flex;
        justify-content: space-between;
        &>div {
            display: flex;
            flex-direction: column;
            th {
                font-size: 16px;
                font-weight: 500;
                color: #181818;
                margin-bottom: 16px;
            }
            td {
                padding: 4px 0;
                font-size: 14px;
                font-weight: 400;
                color: #181818;
            }
        }
        .left {
            display: flex;
            flex-direction: row;
            &>div {
                text-align: left;
                display: flex;
                flex-direction: column;
            }
            .left-z {
                margin-right: 184px;
            }
        }
    }
}
.copyright {
    padding: 10px 0;
    background-color: #E0E6F8;
    .wrap-container {
        text-align: center;
        .text {
            font-size: 14px;
            color: #181818;
        }
    }
}
</style>